<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"  import="java.util.*,movilmax.sia_corp.model.Usuario" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
<head>
<sj:head locale="es" jqueryui="true" jquerytheme="cupertino" />
<link rel="stylesheet" type="text/css" href="estilo/style.css" />
<script type="text/javascript" src="scripts/ajax.js" ></script>
<script type="text/javascript" src="scripts/carga_ajax.js"></script>
<script type="text/javascript" src="scripts/funciones.js"></script>
<script type="text/javascript" src="scripts/validar_registro.js"></script>

<script type="text/javascript" src="js/rounded-corners.js"></script>
<script type="text/javascript" src="js/form-field-tooltip.js"></script>


<script language="JavaScript" type="text/javascript" >
    var previousTab = 1;
    var no_validar_ct = false;
		$.subscribe('tabchange', function(event,data){		
			    var tab = event.originalEvent.ui.index;
				var avanzar=false;
			    if( previousTab==1){
			    	avanzar=validar_tab1_cli();
			    }else if( previousTab==2 ){
			    	avanzar=validar_tab2_cli();
			    }else if( previousTab==3){
			    	avanzar=validar_tab3_cli();
			    }
			    if(avanzar==false){	
			        event.originalEvent.event.preventDefault();
			    }else{
			    	previousTab = tab;
			    } 
	});
    $.subscribe('validarRegistro', function(event,data) {
    	 try{
		      var fData = event.originalEvent.formData;
		      document.getElementById('btn_guardar').disabled=true;
		       if( validar_tab1_cli() ==false){
		    	   event.originalEvent.options.submit = false; 
			       document.getElementById('btn_guardar').disabled=false;
			       return 0;
		       }
		       if( validar_tab2_cli() ==false){
		    	   event.originalEvent.options.submit = false; 
			       document.getElementById('btn_guardar').disabled=false;
			       return 0;
		       }
		       if( validar_tab3_cli() ==false){
		    	   event.originalEvent.options.submit = false; 
			       document.getElementById('btn_guardar').disabled=false;
			       return 0;
		       }
		      if (verificarTotal2()==false ){
		    	  event.originalEvent.options.submit = false; 
			      document.getElementById('btn_guardar').disabled=false;
		    	  return 0;
		      }
		      if ( verificarPago() ==false){
		    	  event.originalEvent.options.submit = false; 
			      document.getElementById('btn_guardar').disabled=false;
		    	  return 0;
		      }
		      if ( verificarFormaPago() ==false){
		    	  event.originalEvent.options.submit = false; 
			      document.getElementById('btn_guardar').disabled=false;
		    	  return 0;
		      }
		      event.originalEvent.options.submit = true; 
    	 }catch(err){
    		 alert(err);
    	 }    
	});	
	function cargar_cliente_ex (sobre){
		var tpx=document.getElementById('cli.tipodoc').value;
		var valx=document.getElementById('cli.identificacion').value;
		var pag="cargar_dc2.jsp";
		var par="?cod="+tpx+valx+"";
		cargar_div(pag+par,sobre,'cargando2.gif');
	}

	function val_tam(id){
        if( document.getElementById('cli.tipodoc').value=='J' || document.getElementById('cli.tipodoc').value=='G' ){
			var loqhay=document.getElementById(id).value;
			if(loqhay.length!=9 ){
					alert('El rif debe contener 9 carecteres numericos'); 
					//document.getElementById(id).value="";
					document.getElementById(id).focus();
					campoErrado('cli.identificacion');
					return 0;
			}	 	
		}else{
			var loqhay=document.getElementById(id).value;
			if( document.getElementById('cli.tipodoc').value=='V' || document.getElementById('cli.tipodoc').value=='E' ){
				if(loqhay.length<4 ){
						alert('El numero de cedula debe contener 4 o mas carecteres numericos'); 
						//document.getElementById(id).value="";
						document.getElementById(id).focus();
						campoErrado('cli.identificacion');
						return 0;
				}	 
				return 0;
			}	
		}
        campoOk(id);
    } 

    

    function confirmar(campo){
		var iden=document.getElementById("iden").value;
		var tel=document.getElementById("tel").value;
		var cel=document.getElementById("cel").value;
		var email=document.getElementById("email_").value;
		var item= campo.split(".");
			if(document.getElementById(campo).value != ""){
					var confir = prompt("Confirmacion de "+item[1]+":","");
					if(document.getElementById(campo).value != confir){
						alert("Los elementos no coinciden");
						document.getElementById(campo).value="";
						document.getElementById(campo).focus();
						campoErrado(campo);
					}else{
						if(document.getElementById(campo).value == "cli.identificacion"){
							document.getElementById("iden").value = true;
						}else if(document.getElementById(campo).value == "cli.telefono_1"){
							document.getElementById("tel").value = true;
						}else if(document.getElementById(campo).value == "cli.celular"){
							document.getElementById("cel").value= true;
						}else if(document.getElementById(campo).value == "cli.email"){
							document.getElementById("email_").value =true;
						}
						campoOk(campo);
					}
			}
	}

	function valTipoPersona(obj){
		var sel=document.getElementById(obj).value;
		if(sel=="V" || sel=="E" || sel=="P" ){
			document.getElementById("nom").childNodes.item(0).nodeValue="Nombres: ";
			document.getElementById("ape").childNodes.item(0).nodeValue="Apellidos:";
			document.getElementById("cli.apellidos").value= "";
			document.getElementById("cli.apellidos").disabled= false;
			document.getElementById("cli.fnacimiento").disabled= false; 
		}else{
			document.getElementById("nom").childNodes.item(0).nodeValue="Razon Social: ";
			document.getElementById("ape").childNodes.item(0).nodeValue="";
			document.getElementById("cli.apellidos").value= "";
			document.getElementById("cli.apellidos").disabled= true; 
			document.getElementById("cli.fnacimiento").disabled= true; 
		}
	}
	function valTipoContrato(obj){
	  try{
		var sel1=document.getElementById('cli.tipodoc').value;
		var sel=document.getElementById(obj).value;
		document.getElementById("tp_contrato").value= sel;
		if(sel=="PREPAGO"  ){
			if(sel1=="J" || sel1=="G" ){
				sel_combo_id('con.tipo_contrato','-1');
				desactivarContrato();
				alert('El tipo de contrato PREPAGO no es valido para persona juridica');
				return 0;
			}
			document.getElementById("con.tipo_recurrente").disabled= true;
			sel_combo_id('con.tipo_recurrente','-1');	
			desactivarDireccion(true);
			desactivarRecurrente(true);
		}else if(sel=="POSTPAGO" ){
			if(sel1=="J" || sel1=="G" ){
				sel_combo_id('con.tipo_contrato','-1');
				desactivarContrato();
				alert('El tipo de contrato POSTPAGO no es valido para persona juridica');
				return 0;
			}
			document.getElementById("con.tipo_recurrente").disabled= false;
			sel_combo_id('con.tipo_recurrente','-1');	
			desactivarDireccion(false);
		}else if(sel=="PYME" ){
			if(sel1=="V" || sel1=="E" || sel1=="P" ){
				sel_combo_id('con.tipo_recurrente','-1');	
				sel_combo_id('con.tipo_contrato','-1');
				desactivarContrato();
				alert('El tipo de contrato PYME no es valido para persona natural');
				return 0;
			}
			document.getElementById("con.tipo_recurrente").disabled= false;
			desactivarDireccion(false);
		}
		}catch(err){
			alert(err);
		}
	}
	function desactivarDireccion(desactivar){
		document.getElementById("con.numeroinm").disabled= desactivar;
		document.getElementById("con.pisoinm").disabled= desactivar;
		document.getElementById("con.nombreinm").disabled= desactivar;
		document.getElementById("con.tipoinmueble").disabled= desactivar;
		document.getElementById("con.direccion").disabled= desactivar;
		document.getElementById("con.zona").disabled= desactivar;
		document.getElementById("con.ciudad").disabled= desactivar;
		document.getElementById("lx3").disabled= desactivar;
		document.getElementById("lx4").disabled= desactivar;
	}
	function desactivarRecurrente(desactivar){
		document.getElementById("con.banco").disabled= desactivar;
		document.getElementById("con.tipo_tarjeta").disabled= desactivar;
		document.getElementById("con.ntarjeta").disabled= desactivar;
		document.getElementById("con.vence1").disabled= desactivar;
		document.getElementById("con.vence2").disabled= desactivar;
		document.getElementById("con.tipodoc").disabled= desactivar;
		document.getElementById("con.ntitular").disabled= desactivar;
		document.getElementById("con.nnomape").disabled= desactivar;
		sel_combo_id('con.banco','-1');	
		sel_combo_id('con.tipo_tarjeta','-1');	
		sel_combo_id('con.vence1','-1');	
		sel_combo_id('con.vence2','-1');	
		document.getElementById("con.ntitular").value= '';
		document.getElementById("con.nnomape").value= '';
	}
	function valTipoRecurrente(obj){
		var sel=document.getElementById(obj).value;
		if(sel=="1" ){
			desactivarRecurrente(true);
		}else if(sel=="2" ) {
			desactivarRecurrente(false);
		}
	}
	function copiar_direccion(){
		if(document.getElementById('ck_misma').checked==true ){
			document.getElementById('con.numeroinm').value= document.getElementById('cli.numeroinm').value;
			document.getElementById('con.pisoinm').value= document.getElementById('cli.pisoinm').value;
			document.getElementById('con.nombreinm').value= document.getElementById('cli.nombreinm').value;
			document.getElementById('con.tipoinmueble').value= document.getElementById('cli.tipoinmueble').value;
			document.getElementById('con.direccion').value= document.getElementById('cli.direccion').value;
			document.getElementById('con.zona').value= document.getElementById('cli.zona').value;
			document.getElementById('con.ciudad').value= document.getElementById('cli.ciudad').value;
			//sel_combo_id('lx3',document.getElementById('lx1').value);		
		}
	}
	function desactivarContrato(){
		desactivarRecurrente(true);
		desactivarDireccion(true);
		document.getElementById("con.tipo_recurrente").disabled=true;
	}
	function soloNumerosyDec223(k){
		  	 var tecla = 0;
		  	 if(typeof (k.charCode) == 'undefined' ){
		  		 tecla = k.keyCode;
		  	 }else{
		  		 tecla = k.charCode;
		  	 }
		  	 if(tecla==0) return true;
			 /*
		  	 if (tecla==44){
				 tecla=46;	
				 if(typeof (k.charCode) == 'undefined' ){
			  		  k.keyCode=46;
			  	 }else{
			  		  k.charCode=46;
			  	 }
			 }
			 alert(tecla);
			 */

		  	 if ( ( tecla < 48 || tecla > 57 ) && (tecla!=46) ){
		  	     return false;
		  	 }
		  	 return true;
	   }  
	   
	   function identificarObj(obj){
	    	//  var sel=document.getElementById(obj).value;
	  		//  document.getElementById("tp_contrato").value= sel;
	   }  
	   function sel_fecha(){
		   var d = new Date();
		   var mes=(d.getMonth() + 1);
		   if( mes<=9){
			   mes="0"+mes;
		   }
		   var dia=d.getDate();
		   if( dia<=9){
			   dia="0"+dia;
		   }
		   var fhoy= dia+"/"+(mes)+"/"+d.getFullYear();
		   document.getElementById("fecha_contrato").value= fhoy;  
	 } 
	function limpiarServicios(){
	    document.getElementById('div_servicio').innerHTML="";
	} 
	function limpiarTotales(){
	    document.getElementById('div_totales').innerHTML="";
    } 
	function verificarTotal(id){
	    if(getTotal()==0){
	    	document.getElementById(id).value='';
	    	alert('Antes de continuar debe calcular el total de la venta');
	    	return false;
	    }
	    return true;
    } 
	function verificarTotal2(){
	    if(getTotal()==0){
	    	alert('Antes de continuar debe calcular el total de la venta');
	    	return false;
	    }
	    return true;
    } 
	function getTotal(){
		var tot=0;
		try{
			tot=document.getElementById('ttapagar').value;
		}catch(err){
			tot=0;
		}
		return tot;
    } 
	function verificarPago(){
		try{
			var v1=document.getElementById('pago.monto_1').value;
			var v2=document.getElementById('pago.monto_2').value;
			var v3=document.getElementById('pago.monto_3').value;
			var tot=getDecimal (v1) +getDecimal (v2)+getDecimal (v3);
			if(tot==0){
				alert('Debe indicar el monto del pago');
				return false;
			}
			if(tot==getTotal()){
				return true;
			}
		}catch(err){
			
		}
		alert('La suma del pago debe ser igual al total a pagar -->> ( '+tot+' <> '+getTotal()+' )'  );
		return false;
    } 
	function verificarFormaPago(){
		try{
			var v1=getDecimal(document.getElementById('pago.monto_1').value);
			var v2=getDecimal(document.getElementById('pago.monto_2').value);
			var v3=getDecimal(document.getElementById('pago.monto_3').value);
			
			if(v1>0){
				var vp1=document.getElementById('pago.forma_1').value;
				if(vp1=='-1' ){
					alert('Debe seleccionar la forma de pago, para el monto ='+v1+'. <<Fila 1>>');
					return false;
				}
				if(vp1!='1'){
					var vnap1=document.getElementById('pago.nro_aprobacion_1').value;
					if(vnap1==''){
						alert('Debe ingresar el numero de transaccion del pago, para el monto ='+v1+'. <<Fila 1>>');
						return false;
					}
					var vnbanc1=document.getElementById('pago.banco_1').value;
					if(vnbanc1=='-1'){
						alert('Debe seleccionar el banco , para el monto ='+v1+'. <<Fila 1>>');
						return false;
					}
				}
			}
			if(v2>0){
				var vp2=document.getElementById('pago.forma_2').value;
				if(vp2=='-1'){
					alert('Debe seleccionar la forma de pago, para el monto ='+v2+'. <<Fila 2>>');
					return false;
				}
				if(vp2!='1'){
					var vnap2=document.getElementById('pago.nro_aprobacion_2').value;
					if(vnap2==''){
						alert('Debe ingresar el numero de transaccion del pago, para el monto ='+v2+'. <<Fila 2>>');
						return false;
					}
					var vnbanc2=document.getElementById('pago.banco_2').value;
					if(vnbanc2=='-1'){
						alert('Debe seleccionar el banco , para el monto ='+v2+'. <<Fila 2>>');
						return false;
					}
				}
			}
			if(v3>0){
				var vp3=document.getElementById('pago.forma_3').value;
				if(vp3=='-1'){
					alert('Debe seleccionar la forma de pago, para el monto ='+v3+'. <<Fila 3>>');
					return false;
				}
				if(vp3!='1'){
					var vnap3=document.getElementById('pago.nro_aprobacion_3').value;
					if(vnap3==''){
						alert('Debe ingresar el numero de transaccion del pago, para el monto ='+v3+'. <<Fila 3>>');
						return false;
					}
					var vnbanc3=document.getElementById('pago.banco_3').value;
					if(vnbanc3=='-1'){
						alert('Debe seleccionar el banco , para el monto ='+v3+' <<Fila 3>>');
						return false;
					}
				}
			}
		}catch(err){
			alert(err);
			return false;
		}
		return true;
    } 
	
	function abrir_epagos(){
		var v1= window.open('http://boton.movilmax.com:8080/CarritoV5/index_merc.jsp');
		v1.focus();
	}
	
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Sia web Movilmax - Venta de servicio y dispositivos wimax...</title>
</head>
<body onload="maximizar();desactivarContrato();sel_fecha(); ">
<input type="hidden" name="iden" id="iden" value="false">
<input type="hidden" name="tel" id="tel" value="false">
<input type="hidden" name="cel" id="cel" value="false">
<input type="hidden" name="email_" id="email_" value="false">
<div class='logo_sia'><img src="images/logo.png" />
</div>
 <sj:div id="div_cuerpo_registro"  effect="highlight" effectOptions="{ color : '#222222' }" effectDuration="3000" >
			<div id='resultado_gd' align='left'>
				<div class="barra_tit_corp" align='center'>Registro venta de servicio + dispositivo wimax </div>
			</div>
			<table width="90%" align="center">
				<tr>
					<td>
						<sj:tabbedpanel id="remotetabs"  selectedTab="1"  collapsible="true"  disabledTabs="[0]"    onChangeTopics="tabchange"  >
						    <sj:tab id="tab0" target="tab_inf_cli0" label=""   />
							<sj:tab id="tab1" target="tab_inf_cli" label="Informacion cliente"  />
							<sj:tab id="tab2" target="tab_inf_contrato" label="Contrato"  />
							<sj:tab id="tab3" target="tab_srv_venta" label="Servicio"  />
							<s:form theme="simple" name="form_prospectos" id="form_prospectos" action="registrar_cliente.action"    >
							<s:hidden name="tp_contrato" id="tp_contrato" value='-1' ></s:hidden>
							<div id="tab_inf_cli0">
								
							</div>
							<div id="tab_inf_cli">
								<table width="80%" border="0">
									<th class='tabla_th1' colspan="10">Datos basicos</th>
									<tr>
									<td colspan='4'>
									 <table border="0" width="100%" cellpadding="0" cellspacing="0">
									    <tr align="left">
										 <td width="20%" >
											Identificacion:<font color="red">*</font>
										 </td>
										<td width="20%" colspan='2' >
										
											<div id="tipo_doc_div">
										          <s:select   
										          		   name="cliente.tipodoc" 
										          		   id="cli.tipodoc"   
										          		   headerKey="V"  
										          		   headerValue="V" 
										          		   list="#{'E':'E','J':'J','G':'G','P':'P'}"
										          		   onchange="valTipoPersona(this.id)"
										          	/>
										      <s:textfield onpaste="return false" name="cliente.identificacion" id="cli.identificacion" size='15' onkeypress="return soloNumeros(event);" onchange="valNumero(this);confirmar(this.id);cargar_cliente_ex('div_docid_xxx');" onblur="val_tam(this.id);"  tooltipText="Numero de documento(*) del cliente, en caso de rif: debe coneter 9 digitos, en cualquier otro caso debe contener como minimo 4 digitos"  />
										   </div>
										</td>
										<td width="60%">
										  <font color="red"><div id='div_docid_xxx' >&nbsp;</div></font>
										</td>
										  
										</tr>
									  </table>
									  </td>
									</tr>
									<tr  align="left">
									   <td colspan='4'>
									     <table border="0" width="100%" cellpadding="0" cellspacing="0">
									        <tr align="left">
												<td width="20%" >
													<div id="nom">Nombres:<font color="red">*</font></div>
												</td>
												<td width="40%" >
													<s:textfield onpaste="return false" name="cliente.nombres"   id='cli.nombres' onchange="amayus(this);validarTam(this.id,2);" maxlength='250' size='60' tooltipText="Nombre o razon social(*) del cliente, debe contener como minimo 2 caracteres"  ></s:textfield>
												</td>
												<td width="40%"  >
													&nbsp;
												</td>
											</tr>
										</table>
									  </td>	
									</tr>
								   <tr align="left">
								       <td colspan='4'>
									     <table border="0" width="100%" cellpadding="0" cellspacing="0">
									       <tr align="left">
										     <td width="20%" ><div id="ape">
											    Apellidos:
											  </div>
										     </td>
										     <td width="40%"  >
											  <div id="ape_">
											  	<s:textfield name="cliente.apellidos" id="cli.apellidos" onchange="amayus(this);validarTam(this.id,2);"  maxlength='250' size='60' tooltipText="Apellidos del cliente, debe contener como minimo 2 caracteres"  ></s:textfield>
											  </div>
										     </td>
										     <td width="40%"  >
												&nbsp;
											  </td>
										  </tr>
										</table>
									  </td>  
									</tr>
									<tr>
									    <td colspan='4'>
									         <table border="0" width="100%" cellpadding="0" cellspacing="0">
									           <tr align="left">
									               <td width="19%"  >
												        <div id="div_lfnacimiento"> 
												           Fecha de nacimiento
												        </div>
											       </td>
											       <td >
												        <div id="div_tfnacimiento"> 
												           <sj:datepicker yearRange="1900:1994" changeYear="true" displayFormat="dd/mm/yy" size='15' value="" id="cli.fnacimiento" name="cliente.fnacimiento"  showOn="focus"  showAnim="slideDown" duration="fast"  />
												        </div>
											       </td>
											       <td>
													Email<font color="red">*</font>
												   </td>
												   <td>
													   <s:textfield id="cli.email" name="cliente.email" size="50" maxlength='250' onpaste="return false" ></s:textfield>
												   </td>
									           </tr>
										     </table>
										</td>
									</tr>
									<tr>
										<td colspan="10">
											<table border="0" width="100%" cellpadding="0" cellspacing="0">
													<tr>
														<td>
															&nbsp;
														</td>
													</tr>
													<tr bgcolor="#0099FF" align="center">
														<td class='tabla_th1' colspan="10">
															<strong>Direccion de habitacion</strong>
														</td>
													</tr>
													<tr>
														<td>
															&nbsp;
														</td>
													</tr>
									<tr align="left">
									   <td colspan='4'>
									     <table border="0" width="80%" cellpadding="0" cellspacing="0">
									     	<tr align="left">
												<td width="5%" align="left" >
													Telefono 1<font color="red">*</font>	
												</td>
												<td width="5%" align="left">
													Telefono 2
												</td>
												<td width="5%" align="left">
													Celular<font color="red">*</font>
												</td>	
												<td width="5%" align="left">
													&nbsp;
												</td>											
										   </tr>
									      <tr align="left">
											<td width="5%" align="left" >
												<s:textfield id="cli.tel1" name="cliente.tel1" size="15" onkeypress="return soloNumeros(event);" maxlength='11' onpaste="return false" tooltipText="Numero de telefono principal(*) del cliente" ></s:textfield>
											</td>											
											<td width="5%" align="left" >
												<s:textfield id="cli.tel2" name="cliente.tel2" size="15" onkeypress="return soloNumeros(event);" maxlength='11' onpaste="return false" tooltipText="Numero de telefono opcional del cliente" ></s:textfield>
											</td>						
											<td width="15%" align="left" >
												<s:textfield id="cli.tel3" name="cliente.tel3" size="15" onkeypress="return soloNumeros(event);" maxlength='11' onpaste="return false" tooltipText="Numero de celular(*) del cliente" ></s:textfield>
											</td>
											<td width="5%" align="left">
													&nbsp;
											</td>	
										 </tr>
										</table>
									  </td>  
									  </tr>
													<tr>
														<td>
															Estado<font color="red">*</font>
														</td>
														<td>
															Municipio<font color="red">*</font>
														</td>
														<td>
															Ciudad<font color="red">*</font>
														</td>
														<td>
															&nbsp;
														</td>
													</tr>
													<tr>
														<td>
														   <div><img id="progreso_" src="images/ajax-loader4.gif" alt="Guardando..." style="display:none"/></div>
														   <s:url id="remoteurl" action="cargar_esta_mun" /> 
												               <sj:select href="%{remoteurl}" 
													               name="esta.cod" 
													               id="lx1" 
													               headerKey="-1" 
													               headerValue="Seleccione" 
													               list="estados" 
													               onChangeTopics="reloadsecondlist" 
													               listKey='cod' listValue='descripcion'
													               indicator="progreso_"
													           />
														</td>
														<td>									
														   <s:url id="remoteurl2" action="cargar_esta_mun" /> 
										          		   <sj:select href="%{remoteurl2}"  
										          		   name="cliente.cod_municipio" 
										          		   id="lx2"   
										          		   headerKey="-1"  
										          		   headerValue="Seleccione" 
										          		   list="municipios" 
										          		   listKey='cod' listValue='descripcion'
										          		   formIds="form_prospectos" 
										          		   reloadTopics="reloadsecondlist" 
										          		   /> 
														</td>
														<td colspan='2'>
															<s:textfield name="cliente.ciudad" id='cli.ciudad' onchange="amayus(this);validarTam(this.id,3);" size='40' tooltipText="Ciudad(*) donde reside el cliente, debe contener como minimo 3 caracteres"   ></s:textfield>
														</td>
													</tr>
													<tr>
													<td>
														Zona<font color="red">*</font>
													</td>
													<td>
														Av/Calle<font color="red">*</font>
													</td>
												</tr>
												<tr>
												     <td>
														<s:textfield name="cliente.zona"  id='cli.zona' size='20' onchange="amayus(this);validarTam(this.id,4);"  tooltipText="Zona(*) donde reside el cliente, debe contenr como minimo 4 caracteres"  > </s:textfield>		
													</td>
													<td colspan="3">
														<s:textfield name="cliente.direccion" id='cli.direccion' size="105" onchange="amayus(this);validarTam(this.id,8);"  tooltipText="Avenida(*),Calle(*),urbanizacion(*) donde reside el cliente: debe contener como minimo 8 caracteres"  ></s:textfield>
													</td>
												</tr>
												<tr>
													<td>
														Tipo Inmueble<font color="red">*</font>
													</td>
													<td>
														Nombre Inmueble<font color="red">*</font>
													</td>
													<td>
														Piso<font color="red">*</font>
													</td>
													<td>
														Numero<font color="red">*</font>
													</td>
												</tr>
												<tr>
													<td>
						    	  						   <s:url id="url_cargtpinm" action="cargar_tpinmr.action" /> 
													       <sj:select href="%{url_cargtpinm}" theme='simple'   list='lista_datos'
															 cssClass='caja_3' name="cliente.tipoinmueble" id='cli.tipoinmueble' 
															 headerKey="-1" headerValue='Seleccione'
															 listKey='cod' listValue='descripcion' indicator='progreso_carg_tpinm'
													         />
													       <img id="progreso_carg_tpinm" src="images/ajax-loader4.gif" alt="..." style="display:none"/>

													</td>
													<td>
														<s:textfield name="cliente.nombreinmue" id='cli.nombreinm' size='50' onchange="amayus(this);validarTam(this.id,2);"  tooltipText="Nombre del inmueble donde reside el cliente"  ></s:textfield>
													</td>
													<td>
														<s:textfield name="cliente.pisoinmue"  id='cli.pisoinm' onchange="amayus(this);"  size='10' tooltipText="Piso del inmueble(*) donde reside el cliente" ></s:textfield>
													</td>
													<td>
														<s:textfield name="cliente.numeroinmue" id='cli.numeroinm' onchange="amayus(this);validarTam(this.id,1);"  size='10'   ></s:textfield>
													</td>
												</tr>
													
											</table>
										</td>
									</tr>
									
								</table>
							</div>
							
							<div id="tab_inf_contrato">
								<table width="100%" align="center" cellspacing="0" >
								    <th class='tabla_th1' colspan="10">Datos basicos de contrato</th>
									<tr align="center">
									    <td >
											<table width="100%" align="left" cellspacing="0" >
											   <tr>
											     <td>Tipo Contrato:</td>
											     <td>
											      <s:url id="url_cargtpcon" action="cargar_tpcontrato.action" /> 
											      <sj:select href="%{url_cargtpcon}"  list='tipos_contrato'
										          		    name="contrato.tipo" id="con.tipo_contrato"   cssClass='caja_3' theme='simple'
															headerKey="-1" headerValue='Seleccione'
															listKey='cod' listValue='descripcion' 
										          		    onchange="valTipoContrato(this.id);limpiarServicios();limpiarTotales();"
										          		    onChangeTopics="reloadsecondlist_tpc" 
										          	 />
										         </td>
										         <td>
										           Fecha
										         </td>
										         <td> 
										             <sj:datepicker onchange="limpiarServicios();limpiarTotales();" yearRange="2012:2013" changeYear="false" displayFormat="dd/mm/yy" size='15' value="" id="fecha_contrato" name="fecha_contrato"  showOn="focus"  showAnim="slideDown" duration="fast"  />
										         </td>
											     <td>Tipo Recurrente:</td><td><s:select name="contrato.tipo_recurrente" id="con.tipo_recurrente"   
										          		   headerKey="-1" headerValue="Seleccione" 
										          		   list="#{'1':'DEPOSITO BANCARIO','2':'DOMICILIACION TARJETA DE CREDITO'}"
										          		   onchange="valTipoRecurrente(this.id)"
										          	/></td>
										         <td>Vendedor:</td>
										         <td>
										            <%
														Usuario USUARIO = (Usuario) session.getAttribute("ses_usuario");
														if(USUARIO!=null){										
															out.print(USUARIO.getDescripcion()); 
														}
													 %>
										         </td> 	
											   </tr>
											</table>
										</td>
									</tr>
									<th class='tabla_th1' colspan="10">Datos del recurrente</th>
									<tr align="center">
									    <td >
											<table width="100%" align="left" cellspacing="0" >
											   <tr>
											     <td>Banco</td>
											     <td>
											         <s:url id="url_cargarbancos" action="cargar_bancos.action"  > 
													      <s:param name="opc">1</s:param>
													 </s:url>
											         <sj:select href="%{url_cargarbancos}" theme='simple'  list='bancos'
															 cssClass='caja_3' name="contrato.banco" id='con.banco' 
															 headerKey="-1" headerValue='Seleccione'
															 listKey='cod' listValue='descripcion' 
													         />
											       </td>
											   </tr>
											   <tr>
											     <td>Tipo tarjeta</td>
											     <td><s:select name="contrato.tipo_tarjeta" id="con.tipo_tarjeta"   
										          		   headerKey="-1" headerValue="Seleccione" 
										          		   list="#{'MASTERCARD':'MASTERCARD','VISA':'VISA','AMERICAN EXPRESS':'AMERICAN EXPRESS'}"
										          	/></td>
											     <td>Numero tarjeta</td><td><s:textfield name="contrato.ntarjeta"  id='con.ntarjeta' maxlength='20' size='30' onchange="validar_tarjeta();"  tooltipText="Numero de la tarjeta de credito (*) del cliente"  onkeypress="return soloNumeros(event);"  ></s:textfield></td>
											     <td>Vence</td>
											     <td>
											        <s:select name="contrato.vence1" id="con.vence1"   
										          		   headerKey="-1" headerValue="Mes" 
										          		   list="#{'1':'ENERO','2':'FEBRERO','3':'MARZO','4':'ABRIL','5':'MAYO','6':'JUNIO','7':'JULIO','8':'AGOSTO','9':'SEPTIEMBRE','10':'OCTUBRE','11':'NOVIEMBRE','12':'DICIEMBRE'}"
										          	/>
										          	<s:select name="contrato.vence2" id="con.vence2"   
										          		   headerKey="-1" headerValue="----" 
										          		   list="#{ '2012':'2012','2013':'2013','2014':'2014','2015':'2015','2016':'2016','2017':'2017','2018':'2018','2019':'2019','2020':'2020','2021':'2021','2022':'2022','2023':'2023','2024':'2024','2025':'2025','2026':'2026'}"
										          	/>
											     </td>
											   </tr>
											   <tr>
											     <td>Titular</td>
											     <td><s:select   
										          		   name="contrato.tipo_doc" 
										          		   id="con.tipodoc"   
										          		   headerKey="V"  
										          		   headerValue="V" 
										          		   list="#{'E':'E','J':'J','G':'G','P':'P'}"
										          		  
										          	/>
										          	<s:textfield name="contrato.ntitular"  id='con.ntitular' maxlength='15' size='15' tooltipText="Numero de cedula del titular de la tarjeta de credito (*)" onkeypress="return soloNumeros(event);" ></s:textfield></td>
											     <td>Nombres y Apellidos</td><td><s:textfield name="contrato.nnomape"  id='con.nnomape' maxlength='100' size='50' tooltipText="Nombre y Apellido del titular de la tarjeta de credito (*)" onchange="amayus(this);" ></s:textfield></td>
											   </tr>
											</table>
										</td>
									</tr>
									<th class='tabla_th1' colspan="10">Direccion de facturacion</th>
									<tr align="center">
									    <td >	
										<table width="90%" align="left" cellspacing="0" >
										       <tr>
										         <td colspan='4'><s:checkbox id="ck_misma" name="ck_misma"  onclick="copiar_direccion()"/> Utilizar la misma direccion del cliente</td>
										       </tr>
										       <tr>
											      <td>Estado<font color="red">*</font></td>
														<td>
															Municipio<font color="red">*</font>
														</td>
														<td>
															Ciudad<font color="red">*</font>
														</td>
														<td>
															&nbsp;
														</td>
														<td>
															&nbsp;
														</td>
													</tr>
													<tr>
														<td>
															   <s:url id="remoteurl" action="cargar_esta_mun" /> 
												               <sj:select href="%{remoteurl}" 
													               name="esta2.cod" 
													               id="lx3" 
													               headerKey="-1" 
													               headerValue="Seleccione" 
													               list="estados" 
													               onChangeTopics="reloadsecondlist_con" 
													               listKey='cod' listValue='descripcion'
													               indicator="progreso_con"
													           />
														</td>
														<td>									
														   <s:url id="remoteurl2" action="cargar_esta_mun" /> 
										          		   <sj:select href="%{remoteurl2}"  
											          		   name="contrato.cod_municipio" 
											          		   id="lx4"   
											          		   headerKey="-1"  
											          		   headerValue="Seleccione" 
											          		   list="municipios2" 
											          		   formIds="form_prospectos" 
											          		   listKey='cod' listValue='descripcion'
											          		   reloadTopics="reloadsecondlist_con" 
										          		   /> 
														</td>
														<td colspan='2'>
															<div><img id="progreso_con" src="images/cargando.gif"  style="display:none"/></div>
															<s:textfield name="contrato.ciudad" id='con.ciudad' onchange="amayus(this);validarTam(this.id,3);" size='40' tooltipText="Ciudad(*) donde reside el cliente, debe contener como minimo 3 caracteres"   ></s:textfield>
														</td>
														
													</tr>
													<tr>
													<td>
														Zona<font color="red">*</font>
													</td>
													<td>
														Av/Calle<font color="red">*</font>
													</td>
													<td>
															&nbsp;
													</td>
													<td>
															&nbsp;
													</td>
												</tr>
												<tr>
												     <td>
														<s:textfield name="contrato.zona"  id='con.zona' size='20' onchange="amayus(this);validarTam(this.id,4);"  tooltipText="Zona(*) donde reside el cliente, debe contenr como minimo 4 caracteres"  > </s:textfield>		
													</td>
													<td colspan="3">
														<s:textfield name="contrato.direccion" id='con.direccion' size="105" onchange="amayus(this);validarTam(this.id,8);"  tooltipText="Avenida(*),Calle(*),urbanizacion(*) donde reside el cliente: debe contener como minimo 8 caracteres"  ></s:textfield>
													</td>
												</tr>
												<tr>
													<td>
														Tipo Inmueble<font color="red">*</font>
													</td>
													<td>
														Nombre Inmueble<font color="red">*</font>
													</td>
													<td>
														Piso<font color="red">*</font>
													</td>
													<td>
														Numero<font color="red">*</font>
													</td>
												</tr>
												<tr>
													<td>
													     <sj:select href="%{url_cargtpinm}" theme='simple'  label="Inmueble:"  list='lista_datos'
															 cssClass='caja_3' name="contrato.tipoinmueble" id='con.tipoinmueble' 
															 headerKey="-1" headerValue='Seleccione'
															 listKey='cod' listValue='descripcion' indicator='progreso_carg_tpinm_con'
													      />
													      <img id="progreso_carg_tpinm_con" src="images/cargando.gif" alt="..." style="display:none"/>
													</td>
													<td>
														<s:textfield name="contrato.nombreinmue" id='con.nombreinm' size='50' onchange="amayus(this);validarTam(this.id,2);"  tooltipText="Nombre del inmueble donde reside el cliente"  ></s:textfield>
													</td>
													<td>
														<s:textfield name="contrato.pisoinmue"  id='con.pisoinm' onchange="amayus(this);"  size='10' tooltipText="Piso del inmueble(*) donde reside el cliente" ></s:textfield>
													</td>
													<td>
														<s:textfield name="contrato.numeroinmue" id='con.numeroinm' onchange="amayus(this);validarTam(this.id,1);"  size='10'   ></s:textfield>
													</td>
											</table>		
										</td>
									</tr>
					</table>
		</div>
		<div id="tab_srv_venta">
		<table width="90%" cellspacing="0">
		     <tr>
		        <td class='tabla_th1' >Datos de la venta</td>
		     </tr>
			 <tr bgcolor="#C1DAD7">
				<td>
					<table width="100%" align="left" cellspacing="0" >
					  <tr class='tabla_th1' >
					     <td width="20%" >Promocion</td><td width="15%">Serial</td><td width="10%"></td><td width="50%">Servicio</td>
					  </tr>
					  <tr>
					     <td width="20%" >
					      <s:url id="url_cargpromo" action="cargar_promociones.action" /> 
					      <sj:select href="%{url_cargpromo}" theme='simple' list='promociones'
								cssClass='caja_3' name="promo" id='promo' 
								headerKey="-1" headerValue='NINGUNA'
								listKey='cod' listValue='descripcion' 
								formIds="form_prospectos" 
								reloadTopics="reloadsecondlist_tpc" 
								onclick="limpiarTotales()"
							/>
						</td>
						<td width="15%" >
						  <s:textfield name="serial"  id='serial' maxlength='25' size='25'  ></s:textfield>
						</td>
						<td width="10%" >
						    <s:url id="car_valserial" action="validar_serial.action"  /> 
						    <sj:a id="validar"  href="%{car_valserial}"  formIds="form_prospectos" targets="div_servicio"  indicator="prog_valser" button="true"  onclick="limpiarTotales()" > >></sj:a>
						</td>
						<td width="50%">
						     <img id="prog_valser" src="images/pg2.gif" alt="Cargando..." style="display: none" />
						     <sj:div id='div_servicio' indicator="prog_valser"  effect="highlight" effectOptions="{ color : '#222222' }" effectDuration="3000" >
						        
    						 </sj:div>
						</td>
					  </tr>
					</table>	
				</td>
			</tr>	
			<tr bgcolor="#C1DAD7">
				<td>
				    <img id="prog_cartot" src="images/pg2.gif" alt="Cargando..." style="display: none" />
				    <sj:div id="div_totales"  indicator="prog_cartot" effect="highlight" effectOptions="{ color : '#222222' }" effectDuration="3000" >
				     
				    </sj:div>
			    </td>
			</tr>	
			 <tr>
		        <td class='tabla_th1' >Datos del pago <input type="button" onclick="abrir_epagos();" value="e-pagos"></td>
		     </tr>
			<tr bgcolor="#C1DAD7">
				<td>
					<table width="100%" align="left" cellspacing="0" >
					  <tr class='tabla_th1' >
					     <td>Forma de pago </td><td>Monto</td><td>Nro. transaccion</td><td>Banco</td>
					  </tr>
					  <tr>
					     <td>
					       <s:url id="url_cargarfsp" action="cargar_formaspago.action"  > 
								<s:param name="opc">2</s:param>
						   </s:url>
					       <sj:select href="%{url_cargarfsp}" theme='simple'  list='formas_pago'
								cssClass='caja_3' name="pago.forma" id='pago.forma_1' 
								headerKey="-1" headerValue='Seleccione'
								listKey='cod' listValue='descripcion' 
							    
							/>
					     </td>
					     <td><s:textfield onchange="verificarTotal(id);" name="pago.monto"  id='pago.monto_1' maxlength='15' size='15'  onkeypress="return soloNumerosyDec223(event);" onpaste='return false' ></s:textfield></td>
					     <td><s:textfield onchange="verificarTotal(id);" name="pago.nro_aprobacion"  id='pago.nro_aprobacion_1' maxlength='15' size='15'   ></s:textfield></td>				   
					     <td>
					        <sj:select href="%{url_cargarbancos}" theme='simple' list='bancos'
								name="pago.banco" id='pago.banco_1' 
								headerKey="-1" headerValue='Seleccione'
								listKey='cod' listValue='descripcion' 
							/>
					     </td>
					  </tr>
					   <tr>
					     <td>
					       <sj:select href="%{url_cargarfsp}" theme='simple'  list='formas_pago'
								cssClass='caja_3' name="pago.forma" id='pago.forma_2' 
								headerKey="-1" headerValue='Seleccione'
								listKey='cod' listValue='descripcion' 
							/>
					     </td>
					     <td><s:textfield onchange="verificarTotal(id);" name="pago.monto"  id='pago.monto_2' maxlength='15' size='15'  onkeypress="return soloNumerosyDec223(event);" onpaste='return false' ></s:textfield></td>
					     <td><s:textfield onchange="verificarTotal(id);" name="pago.nro_aprobacion"  id='pago.nro_aprobacion_2' maxlength='15' size='15'   ></s:textfield></td>				   
					     <td>
					        <sj:select href="%{url_cargarbancos}" theme='simple' list='bancos'
								name="pago.banco" id='pago.banco_2' 
								headerKey="-1" headerValue='Seleccione'
								listKey='cod' listValue='descripcion' 
							/>
					     </td>
					  </tr>
					   <tr>
					     <td>
					       <sj:select href="%{url_cargarfsp}" theme='simple'  list='formas_pago'
								cssClass='caja_3' name="pago.forma" id='pago.forma_3' 
								headerKey="-1" headerValue='Seleccione'
								listKey='cod' listValue='descripcion' 
							/>
					     </td>
					     <td><s:textfield onchange="verificarTotal(id);" name="pago.monto"  id='pago.monto_3' maxlength='15' size='15' onkeypress="return soloNumerosyDec223(event);" onpaste='return false' ></s:textfield></td>
					     <td><s:textfield onchange="verificarTotal(id);" name="pago.nro_aprobacion"  id='pago.nro_aprobacion_3' maxlength='15' size='15'  ></s:textfield></td>				   
					     <td>
					        <sj:select href="%{url_cargarbancos}" theme='simple' list='bancos'
								name="pago.banco" id='pago.banco_3' 
								headerKey="-1" headerValue='Seleccione'
								listKey='cod' listValue='descripcion' 
							/>
					     </td>
					  </tr>
					</table>		
				</td>
			</tr>					
			<tr>
					<td>
						&nbsp;
					</td>
			</tr>
			    <tr>
				   <td  class='tabla_th1' >
				      <center>
						 <sj:submit onBeforeTopics='validarRegistro' id='btn_guardar' name='btn_guardar' targets='div_cuerpo_registro' indicator='prog_registro1' button='true' value='Regsitrar Venta' theme='simple'  />
						 <img id='prog_registro1' src='images/pg2.gif' alt='Enviando...' style='display: none' />
					  </center>	 
				   </td>
				</tr>
			  </table>
			</div>
		</s:form>
	</sj:tabbedpanel>
	</td>
	</tr>
  </table>
 </sj:div>
		<script type="text/javascript">
			var tooltipObj = new DHTMLgoodies_formTooltip();
			tooltipObj.setTooltipPosition('right');
			tooltipObj.setPageBgColor('#EEEEEE');
			tooltipObj.setTooltipCornerSize(15);
			tooltipObj.initFormFieldTooltip();
		</script>		
</body>
</html>